<script setup lang="ts">
interface IProps {
  loading?: boolean;
  disabled?: boolean;
}
withDefaults(defineProps<IProps>(), {
  loading: false,
  disabled: false,
});
const emit = defineEmits(["click"]);

const onClick = () => emit("click");
</script>

<template>
  <van-button
    :loading="loading"
    :disabled="disabled"
    @click="onClick"
    type="primary"
    block
    class="btn"
  >
    <slot
  /></van-button>
</template>

<style scoped lang="scss">
.btn {
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-size: var(--lg-font-size);
}
</style>
